$(function () {
    /* 实现逻辑：发送异步ajax请求，获取数据，渲染'省钱控页面' */

    // 1.1 初始化当前页   --  默认为数据首页
    var pageid = 1;
    // 1.2 初定义总页数
    var pageTotal;
    // 1.3 获取下拉框元素对象
    var form = $('.select');

    // 2.封装异步ajax请求函数
    function getData(pageid, callback) {
        $.ajax({
            type: 'get',
            url: 'http://193.112.55.79:9090/api/getmoneyctrl',
            data: {
                pageid: pageid
            },
            datatype: 'json',
            success: function (res) {
                // 获取总分页数
                pageTotal = Math.ceil(res.totalCount / res.pagesize);

                // 生成模板html结构
                var html = template('item', { data: res.result });
                // 渲染到网页
                $('.content > .items').html(html);

                // 回调函数
                callback && callback();
            }
        });
    };

    // 3.初始调用获取数据函数
    getData(pageid, function () {
        // 动态生成分页下拉框内容
        var html = template('page', { pageTotal: pageTotal });
        // 渲染数据
        $('.select').html(html);
    });


    /* 分别为 '上一页' 和 '下一页'绑定touch事件 */
    // 5.1 '上一页'   
    $('.pre').on('touchend', function (event) {
        pageid--;
        if (pageid < 1) {
            pageid = 1;
        };

        getData(pageid);
        console.log(pageid)
        form.children().eq(pageid).attr('selected', 'selected');
    });

    // 5.2 '下一页'   
    $('.next').on('touchend', function (event) {
        pageid++;
        if (pageid > pageTotal) {
            pageid = pageTotal;
        };
        getData(pageid);
        console.log(pageid)
        form.children().eq(pageid - 1).attr('selected', 'selected');
    });


    // 6. 返回顶部
    $('#return').on('touchend', function (e) {
        console.log(e)
        $('html,body').animate({ scrollTop: 0 }, 500);
    });
});